<!--折线图配置 -->
<template>
	<div>
		<el-form-item label="竖展示">
			<avue-switch v-model="main.activeOption.category" :disabled="disabled"></avue-switch>
		</el-form-item>
		<el-form-item label="下钻">
			<avue-switch v-model="main.activeOption.drilldown" :disabled="disabled"></avue-switch>
		</el-form-item>
		<el-collapse accordion>
			<el-collapse-item title="柱体设置">
				<el-form-item label="最大宽度">
					<avue-input-number v-model="main.activeOption.barWidth" :disabled="disabled"> </avue-input-number>
				</el-form-item>
				<el-form-item label="圆角">
					<avue-input-number v-model="main.activeOption.barRadius" :disabled="disabled"> </avue-input-number>
				</el-form-item>
				<el-form-item label="最小高度">
					<avue-input-number v-model="main.activeOption.barMinHeight" :disabled="disabled"> </avue-input-number>
				</el-form-item>
				<el-form-item label="不同系列柱体间距">
					<avue-input-number v-model="main.activeOption.barGap" :disabled="disabled"> </avue-input-number>
				</el-form-item>
			</el-collapse-item>
		</el-collapse>
		<el-collapse accordion>
			<el-collapse-item title="折线设置">
				<el-form-item label="平滑曲线">
					<avue-switch v-model="main.activeOption.smooth" :disabled="disabled"> </avue-switch>
				</el-form-item>
				<el-form-item label="面积堆积">
					<avue-switch v-model="main.activeOption.areaStyle" :disabled="disabled"></avue-switch>
				</el-form-item>
				<el-form-item label="线条宽度">
					<avue-input-number v-model="main.activeOption.lineWidth" :disabled="disabled"> </avue-input-number>
				</el-form-item>
				<el-form-item label="点的大小">
					<avue-input-number v-model="main.activeOption.symbolSize" :disabled="disabled"> </avue-input-number>
				</el-form-item>
			</el-collapse-item>
		</el-collapse>
		<el-collapse accordion>
			<el-collapse-item title="轮播设置">
				<el-form-item label="开启">
					<avue-switch v-model="main.activeOption.autoScroll" :disabled="disabled"> </avue-switch>
				</el-form-item>
				<el-form-item label="单步轮播">
					<avue-switch v-model="main.activeOption.autoSingleStepScroll" :disabled="disabled"></avue-switch>
				</el-form-item>
				<el-form-item label="单屏数量">
					<avue-input-number v-model="main.activeOption.oneScreenShowLimit" :min="0" :disabled="disabled"> </avue-input-number>
				</el-form-item>
				<el-form-item label="时间(s)">
					<avue-input-number v-model="main.activeOption.oneScreenShowTime" :min="0" :disabled="disabled"> </avue-input-number>
				</el-form-item>
			</el-collapse-item>
		</el-collapse>
	</div>
</template>

<script>
export default {
	name: 'lineBar',
	inject: ['main', 'contain'],
	data() {
		return {
			disabled: this.contain.activeObj.isLock
		};
	}
};
</script>

<style></style>
